/* CSS Document */

/* GLOBAL */

html {
	position: fixed;
	margin: 0;
	height: 100%;
	width: 100%;
	padding: 1%;
	border: 0px solid blue;
}

body {
	position: fixed;
	height: 98%;
	width: 98%;
	margin: 0;
	padding: 0;
	border: 0px solid red;
}

#site {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#header {
	position: absolute;
	left: 0;
	top: 0;
	height: 32px;
	width: 100%;
	padding: none;
	margin: none;
	vertical-align: middle;
	color: #f77f00;
	background-color:#3c3d3f;);
}
#divider {
	position: absolute;
	left: 0;
	top: 32px;
	height: 4px;
	width: 100%;
	background-color:#f77f00;);
}


.headerbutton {
	display: inline-block;
	border: 1px solid orange;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: top;
	text-padding: none;
	line-height: 28px;
	margin: 1px;
	font-size: 14px;
	text-align: center;
	width: 50px;
	height: 28px;
	}

#header a:link {color: #f77f00;}
#header a:active {color: #f77f00;}
#header a:visited {color: #f77f00;}
#header a:hover {color: #3c3d3f; background-color: #f77f00;}
#header a {vertical-align: middle; }

#menu {
	position: absolute;
	left: 0;
	width: 250px;
	top: 36px;
	bottom: 1%;
	display: none;
	overflow: auto;
	border: 0px solid green;
 -webkit-overflow-scrolling: touch;
}

#page {
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	bottom: 1%;
	padding-left: 3px;
	overflow: auto;
	border: 0px solid green;
 -webkit-overflow-scrolling: touch;
}

#footer {
	display: none;
}

a, a:hover { 
	/* Turns off the automatically-generated line beneath every link.  To turn it back on, you will need to use the style "text-decoration: underline" or you can create a custom line using the "border-bottom" style */
	text-decoration: none;
	}

body {
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
	
.hide-screen {
	display: none;
	}

.hide-print {
	}

	


/* CONTENT */
	
#content {
	/* main-content is everything to the right of the left menu. In all of the standard template designs, it is 720 pixels wide. */
	/* main-content can be used as a single, large content area or it can be sub-divided in two ways:
		 Two columns: main-twocol, main-right
		 Three columns: main-left, main-middle, main-right */
	background-color: #ffffff;
	display: inline;
	text-align: left;
	/* overflow: auto; */
	}	

.border-photo {
	/* Adds a shaded margin and border */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	}
	
.right-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the right with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: right;
	margin: 0px 0px 15px 15px;
	}
	
.left-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the left with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: left;
	margin: 0px 15px 15px 0px;
	}
	
	

#content h1 {
	/* Styles the main heading.  NOTE: Each page should have only one H1 */
	color: #bf4d02;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: .9em;
	/*border-bottom: 1px solid #aaaaaa;*/
	margin: .5em 0em .5em 0em;
	font-weight: lighter;
	}

#content h2 {
	/* Styles all Heading 2s in the main content area. Use H2 for the main subheads in your content */
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 1.2em 0em 0.4em 0em;
	color: #4c617e;
	/*font-weight: lighter;*/ 
	}
#content h3 {
	/* Styles all Heading 3s in the main content area. Use H3 for the sub-subheads in your content. For example, use H3 to title a small ordered list that is found under a main subhead (H2) */
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 1.2em 0em 0.4em 0em;
	color: #222287;
	}
#content h4 {
	font-size: 1.05em;
	line-height: 1.2em;
	margin: 1.2em 0em 0.4em 0em;
	color: #707ac7;
	}
#content a {
	/* Styles all links in the main content area. */
	color: #4c617e;
	text-decoration: underline;
	}
#content a:hover {
	color: #bf4d02;
	}

.redcell {background-color:#ffffff; border-color:#FF0000;}

div.ghost {display: none;}

input.bigbut { width: 1.2em; height: 1.2em; }

.nobull {list-style-type: none}

.fixedfont {
	font-family: "courier new", monospace;
}

input.small, select.small {
	font-family: arial,sans-serif;
	font-size: 85%;
}

textarea.small {
	font-family: "courier new", monospace;
	font-size: 85%;
}
.td1 { text-align: right; width: 20px; font-size: 8pt; }
.tr1 { text-align: right; font-size: 8pt; }
.tr1a { text-align: left; font-size: 8pt; }
.blue { color: #0000ff; }
.red { color: #ff0000; }
.sm { font-size: 90%;}
.vsm { font-size: 80%;}
.big { font-size: 110%;}
.vbig { font-size: 120%;}
.line1 { background-color: #bbffbb; }
.line2 { background-color: #eeffee; }
.nobreak { white-space: nowrap; }

.ef-announcement li {
	list-style-image: url("/img/ebc.gif");
	}

.ef-announcement li li {
	list-style-image: none;
}
	
.ef-announcement-title {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: .25em;
	margin-bottom: .25em;
	}

.ef-announcement-common {
	padding-top: 1em;
	padding-bottom: .5em;
	font-weight: bold;
	font-style: italic;
	}

.ef-announcement-date {
	font-size: .8em;
	font-style: italic;
	}
 
td,th {padding: 0.25em; }

table {border-spacing: 0.05em; border-color: lightblue; }